---
import { Image } from "@astrojs/image/components";
import b2 from "@assets/banner/banner板块.png";
---

<div class="relative h-[320px]">
  <Image src={b2} alt={"logo"} class="w-full h-full absolute left-0" />
  <div class="item w-full h-full relative z-10">
    <div class="text-[30px] font-medium opacity-100 text-white flex w-full items-center">
        负载点电源
        <div  class="text-[14px] font-light text-white translate-y-[4px]">（Point Of Load Converter）</div>
    </div>
    <div class="text-[14px] text-white mt-[20px]">
        负载点电源采用exSiLent 超低噪声技术，开关电源的噪声来源，集成旁路电容有效减少HOT-LOOP、无SW开关振铃、超低EWI噪声；
九大优势是超低静态电流、超低输出纹波、高频高效率、超低EMI噪声、高功率密度、高可靠性、AEC-Q100车规认证、H温度等级（-40℃to150℃）、外部时钟同步功能。
    </div>
    <a href='/productDetailTableData'> <button class="w-[118px] h-[32px] bg-brown text-white text-[14px] mt-[19px]">
        查看所有产品  
      </button></a>
  </div>
</div>

<style>
    .item{
        background-color: #ffffff2a;
        padding-left: 60px;
        padding-right: 60px;
        padding-top: 44px;
        box-sizing: border-box;
    }
</style>